Ext.onReady(function() {
			new Ext.Viewport({
						layout : "border",
						items : [{
									region : "north",
									title : '短信模版列表',
									height : 100,
									frame : false,
									width : "100%",
									items : [topPanel]
								}, {
									region : "center",
									frame : true,
									width : "100%",
									items : [grid_panel]
								}]
					});
		});

Ext.define('SMSModel', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'id',
						type : 'string'
					}, {
						name : 'name',
						type : 'string'
					}, {
						name : 'contents',
						type : 'string'
					}, {
						name : 'createDate',
						type : 'String'
					}]
		});

var myStore = Ext.create('Ext.data.Store', {
	model : 'SMSModel',
	pageSize : 15,
	proxy : {
		type : 'ajax',
		url : 'getSMSModel',
		method : 'GET',
		reader : {
			totalProperty : 'total',
			type : 'json',
			root : 'root'
		}
	}
		// },
		// autoLoad : true
	});
myStore.load({
			callback : function(r, options, success) {
				if (success == true) {
					if (myStore.data.length == 0) {
						Ext.Msg.alert('提示', '没有符合条件的结果');
					}
				} else {
					Ext.Msg.alert('警告', '数据加载失败，请稍后再试！');
				}
			}
		});
/**
 * 
 * var panel2 = Ext.create('Ext.grid.Panel', { renderTo : 'grid', width : 400,
 * height : 203, title : 'Month Browser', columns : [{ text : 'Month of the
 * year', dataIndex : 'month', width : 240 }], bbar :
 * Ext.create('Ext.toolbar.Paging', { pageSize : 6, store : myStore, displayInfo :
 * true }) });
 * 
 */
var record_start = 0;

var pnSub1 = new Ext.Panel({
			height : 100,
			columnWidth : .3,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
						xtype : "textfield",
						style : "margin-top:15px;margin-left:20px;",
						// width : 282,
						id : 'nameText',
						allowBlank : false,
						// format : "Y-m-d",
						fieldLabel : "模版名称"
					}]
		});
var pnSub2 = new Ext.Panel({
			height : 80,
			columnWidth : .4,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
						xtype : 'textarea',
						fieldLabel : '内容',
						id : 'contentText',// 字段组件id
						labelStyle : "margin-top: 15px; margin-left:20px;",
						// fieldStyle : "margin-top: 25px; margin-left:40px;",
						labelSeparator : '：',// 分隔符
						labelWidth : 80,// 标签宽度
						maxLength : 1000,
						allowBlank : false,
						height : 60,
						width : 400
					}]
		});

var pnSub4 = new Ext.Panel({
			height : 100,
			columnWidth : .3,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
				xtype : "button",
				frame : true,
				text : '<span style="font-size:12px;">新增</span>',
				width : 55,
				height : 55,
				handler : function() {

					var nameText = Ext.getCmp('nameText').getValue();
					// 模版内容
					var contentText = Ext.getCmp('contentText').getValue();
					// 判断输入框是否验证通过
					if (!Ext.getCmp('nameText').isValid()
							|| !Ext.getCmp('contentText').isValid()) {
						Ext.Msg.alert('警告', '请检查输入。。。');
						return;
					}
					// 模版名称

					// if (NoText != "" && NoText != null) {

					var waitMsg = new Ext.LoadMask(Ext.getBody(), {
						msg : "请稍候。。。。。。",
						removeMask : true
							// 完成后移除
						});
					waitMsg.show();
					Ext.Ajax.request({
								url : 'addSMSModel',
								params : {
									nameText : nameText,
									contentText : contentText
								},
								method : "GET",
								success : function(resp, opts) {
									if (resp.responseText == 'true') {
										// grid.store.remove(grid.store.data.items[rowIndex]);
										Ext.Msg.alert('提示', '添加模版成功！！');
										myStore.reload();
									}
									// alert("成功啦！");
								},
								failure : function(form, action) {
									alert("失败啦");
								}
							});
					waitMsg.hide();
					myStore.load({
								params : {
					// teamText : teamText,
								// conText : conText,
								// NoText : NoText，
								},
								callback : function(records, options, success) {
									if (myStore.data.length == 0) {
										Ext.Msg.alert('提示', '没有符合条件的结果');
									}
									// Ext.Msg.alert('info', '加载完毕');
									// myStore.reload();
								},
								scope : myStore,
								add : true
							});
					waitMsg.hide();
				}
			}]
		});
var topPanel = new Ext.Panel({
			layout : 'column',
			id : 'mainPanel',
			width : "100%",
			style : 'border-width:0 0 0 0;',
			frame : true,
			height : 450,
			items : [pnSub1, pnSub2, pnSub4]

		});

var grid_panel = Ext.create('Ext.grid.Panel', {
			// title : '短信列表',
			store : myStore,
			autoScroll : false,
			width : "100%",
			height : "100%",
			// frame : true,
			// bodyBorder : false,
			loadMask : true,
			stripeRows : true,
			bbar : new Ext.PagingToolbar({
						store : myStore,
						displayInfo : true,
						displayMsg : '当前记录 {0} -- {1} 条 共 {2} 条记录',
						emptyMsg : "No results to display",
						prevText : "上一页",
						nextText : "下一页",
						refreshText : "刷新",
						lastText : "最后页",
						firstText : "第一页",
						beforePageText : "当前页",
						afterPageText : "共{0}页"
					}),
			columns : [new Ext.grid.RowNumberer({
								header : "序号",
								id : 'index',
								width : 40,
								renderer : function(value, metadata, record,
										rowIndex) {
									return record_start + 1 + rowIndex;
								}
							}), {
						text : 'id',
						align : 'center',
						width : 100,
						hidden : true,
						dataIndex : 'id'
					}, {
						text : '模版名称',
						align : 'center',
						width : 200,
						dataIndex : 'name'
					}, {
						text : '模版内容',
						align : 'center',
						width : 300,
						dataIndex : 'contents'
					}, {
						text : '发送时间',
						align : 'center',
						width : 200,
						dataIndex : 'createDate'
					}, {
						xtype : 'actioncolumn',
						align : 'center',
						text : '操作',
						width : 300,
						items : [{
									icon : 'extjs/icon/cog_edit.jpg', // Use
									tooltip : 'Edit',
									width : 100,
									handler : function(grid, rowIndex, colIndex) {
										// var rec =
										// grid.getStore().getAt(rowIndex);
										// alert("Edit " +
										// rec.get('firstname'));

										editData(grid, rowIndex);
									}
								}, {
									icon : 'extjs/icon/delete.gif',
									tooltip : 'Delete',
									width : 100,
									handler : function(grid, rowIndex, colIndex) {
										// alert(rowIndex + "colIndex:" +
										// colIndex);
										// alert(grid.store.data.items[rowIndex].data.id)

										delData(grid, rowIndex);
									}
								}]
					}]
		});

var viewUserInfor = new Ext.FormPanel({
			labelWidth : 50,
			frame : true,
			// bodyStyle : 'padding:5px 5px 0',
			width : 350,
			height : 235,
			// border : 0,
			defaultType : 'TextField',
			items : [{
						xtype : "textfield",
						// style : "margin-top:15px;margin-left:1px;",
						labelStyle : "margin-top: 30px; margin-left:10px;",
						fieldStyle : "margin-top: 25px; margin-left:px;",
						width : 282,
						id : 'idT',
						hidden : true,
						allowBlank : false,
						// format : "Y-m-d",
						fieldLabel : "模版名称"
					}, {
						xtype : "textfield",
						// style : "margin-top:15px;margin-left:1px;",
						labelStyle : "margin-top: 30px; margin-left:10px;",
						fieldStyle : "margin-top: 25px; margin-left:px;",
						width : 282,
						id : 'nameTextT',
						allowBlank : false,
						// format : "Y-m-d",
						fieldLabel : "模版名称"
					}, {
						xtype : 'textarea',
						fieldLabel : '内容',
						id : 'contentTextT',// 字段组件id
						labelStyle : "margin-top: 30px; margin-left:20px;",
						fieldStyle : "margin-top: 25px; margin-left:10px;",
						labelSeparator : '：',// 分隔符
						labelWidth : 80,// 标签宽度
						maxLength : 1000,
						allowBlank : false,
						height : 80,
						width : 280
					}]
		});

var ViewUserWindow = new Ext.Window({
			title : '查看的信息',
			width : 355,
			height : 235,
			closeAction : 'close',
			buttons : [{
						text : '更新',
						scope : this,
						handler : function() {
							var waitMsg = new Ext.LoadMask(Ext.getBody(), {
								msg : "请稍候。。。。。。",
								removeMask : true
									// 完成后移除
								});
							waitMsg.show();

							var id = Ext.getCmp("idT").getValue();
							var nameText = Ext.getCmp("nameTextT").getValue();
							var contentText = Ext.getCmp("contentTextT")
									.getValue();

							Ext.Ajax.request({
										url : 'editSMSModel',
										params : {
											id : id,
											nameText : nameText,
											contentText : contentText
										},
										method : "GET",
										success : function(resp, opts) {
											if (resp.responseText == 'true') {
												// grid.store.remove(grid.store.data.items[rowIndex]);
												myStore.reload();
												Ext.Msg.alert('提示', '模版更新成功！');
												ViewUserWindow.close();
											}
											// alert("成功啦！");
										},
										failure : function(form, action) {
											alert("失败啦");
										}
									});
							waitMsg.hide();
						}
					}, {
						text : '关闭',
						scope : this,
						handler : function() {
							// ViewUserWindow.hide();
							ViewUserWindow.close();
						}
					}],
			items : [viewUserInfor]
		});
// 编辑数据
function editData(grid, rowIndex) {
	var id = grid.store.data.items[rowIndex].data.id;
	var name = grid.store.data.items[rowIndex].data.name;
	var contents = grid.store.data.items[rowIndex].data.contents;
	Ext.getCmp("idT").setValue(id);
	Ext.getCmp("nameTextT").setValue(name);
	Ext.getCmp("contentTextT").setValue(contents);
	ViewUserWindow.show();
}

// 删除数据
function delData(grid, rowIndex) {
	var id = grid.store.data.items[rowIndex].data.id;
	Ext.MessageBox.show({
		title : "警告！",
		msg : "您确定要删除该条消息吗？",
		width : 400,
		closable : false,
		buttons : Ext.MessageBox.YESNO,
		icon : Ext.MessageBox.QUESTION,
		fn : function(btn) {
			if (btn == 'yes') {
				var waitMsg = new Ext.LoadMask(Ext.getBody(), {
					msg : "请稍候。。。。。。",
					removeMask : true
						// 完成后移除
					});
				waitMsg.show();
				Ext.Ajax.request({
							url : 'delModel',
							params : {
								id : id
							},
							method : "GET",
							success : function(resp, opts) {
								if (resp.responseText == 'true') {
									grid.store
											.remove(grid.store.data.items[rowIndex]);
									grid.store.reload();
								}
							},
							failure : function(form, action) {
								alert("失败啦");
							}
						});
				waitMsg.hide();
			} 
		}
	});
}
